<!DOCTYPE HTML>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->

<blc:head pageTitle="${category.name + ' - Fondoofertas'}" />

<body>
	<div id="notification_bar"></div>
	<header th:substituteby="layout/partials/header" />
	
	<div id="content" class="width_setter group" role="main">
	
		<nav th:substituteby="layout/partials/nav" />
		
		<section id="left_column">
	
			<header>
				<h1 th:inline="text">
					Viendo [[${category.name}]] ([[${result.startResult}]] - [[${result.endResult}]] de [[${result.totalResults}]])
				</h1>
				<div th:substituteby="catalog/partials/productSortOptions"></div>
			</header>
			
			<ul id="products" class="group">
				<li th:each="product : ${products}" th:object="${product}" th:include="catalog/partials/productListItem" class="product_container"></li>
			</ul>
			
			<div th:substituteby="catalog/partials/productPagingOptions" />
			
		</section>
	
		<section id="right_column">
			<header>Filtre sus resultados</header>
			<div id="options">
				
				<div th:substituteby="catalog/partials/facetFilter" />
				
				<div th:substituteby="catalog/partials/rightHandBannerAds" />
				
				<section id="right_column">
					<header>Productos Destacados</header>
					<div id="options">
						<div class="section" th:object="${category}">
							 <blc:related_products categoryId="*{id}" quantity="3"/>	 
							 <ul id="featured_products" class="group">
								<li th:each="product : ${products}" th:object="${product}" th:include="catalog/partials/productListItem" class="product_container"></li>
							 </ul>
						</div>									
					</div>
				</section>	
				
			</div>
		</section>
			
	</div>
	
	<footer th:substituteby="layout/partials/footer" />
	
</body>
</html>
